﻿@model Web.Models.Categoria
@{
    ViewBag.Title = "Admin - Editar Categoria";
}

<h2>Editar Categoria</h2>
<form name="crearCategoria" method="post" action="@Url.Action("Editar", "Categoria", new { idCategoria = Model.IdCategoria })">
    <div class="form-group">
        <label class="control-label">Nombre</label>
        <input required style="width:270px;" class="form-control" name="txtNombre" type="text" value="@Model.Nombre"/>
    </div>
    <div class="form-group">
        <label class="control-label">Descripcion</label>
         <p class="help-block" id="caracteres"></p>
        <textarea required style="width:270px;" rows="3" maxlength="240" class="form-control" id="txtDescripcion" name="txtDescripcion">@Model.Descripcion</textarea>
    </div>
    <div class="form-group">
        <label class="control-label">Precio</label>
        <input required style="width:270px;" class="form-control" name="txtPrecio" type="number" value="@Model.Precio"/>
    </div>
    <div class="form-group">
        <label class="control-label">Imagen</label>
        <input style="width:270px;" class="form-control" name="fileImagen" type="file"/>
    </div>
    <div>
        <button class="btn btn-primary" name="btnEnviar">Actualizar Categoria</button>
        <a class="btn btn-warning" href="@Url.Action("VerCategorias", "Admin")">Cancelar</a>
    </div>
</form>
<script>
    $(document).ready(function () {
        actualizarCaracteres();
        $('#txtDescripcion').keyup(function () {
            actualizarCaracteres();
        });
    });
    function actualizarCaracteres() {
        var caracteres = $('#txtDescripcion').val();
        var helpBlock = caracteres.length + "/240";
        $('#caracteres').text(helpBlock);
    }
</script>